<template>
  <div class="root">
    <!--<div>
      <line-chart></line-chart>
    </div>-->
  <div>
    <area-chart></area-chart>
  </div>

  <div>
    <tdAreaChart></tdAreaChart>
  </div>
  </div>
</template>
<script>
  import VueLineChart from '@/components/d3/VueLineChart'
  import ResponsiveAreaChart from '@/components/d3/ResponsiveAreaChart'

  import AreaChart from '@/components/d3/AreaChart';
  // import { AreaChart as tdAreaChart } from '@/components/td/AreaChart';

  export default {
    name: 'main',
    components: {
      'line-chart': VueLineChart,
      'area-chart': AreaChart,
      // 'AreaChart': tdAreaChart,
    }
  }
</script>
<style>
.root{
  /*width: 500px;
  height: 270px;
  border: solid 1px red;*/
}
</style>
